<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="HandheldFriendly" content="true" />
    <meta name="MobileOptimized" content="320" />
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
    <link rel="stylesheet" href="./css/jiazai.css">
    <link rel="stylesheet" type="text/css" href="css/animate.css"/>
    <link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
    <style type="text/css">
		#com-tit{
			position: fixed;
			top: 0;
			right: 0;
			left: 0;
			z-index: 100;
			padding: 20px 20px 10px;
			background: #1e618a;
			color: white;
		}
		
		#com-tit>div:nth-of-type(1){
			flex: 0 0 80px;
			height: 30px;
			width: 100%;
		}
		.menu{
			width: 50px;
			height: 100%;
		}
		#com-tit>div:nth-of-type(2){
			flex: 1 1 0;
			font-size: 18px;
			text-align: center;
			color: white;
			width: 100%;
			
		}
		#com-tit>div:nth-of-type(3){
			flex: 0 0 80px;
			width: 100%;
			font-size: 14px;
			text-align: right;
		}
		#content-wrap{
			margin-top: 60px;
			
		}
    </style>
    <title>主页</title>
</head>

<body>
    <div id='app'>

        <!-- 加载中动画 -->
        <div id='jiazai-ani' v-if='jiazai'>
            <div class="arc"></div>
            <h1><span>LOADING</span></h1>
        </div>
        <!-- 加载中动画 -->
       
        <div id="com-tit" class='dis-spa'>
        	<div class='cont'>
        		<p class='menu dis-start' @tap="_close();">
	        		<img src="img/back-white.svg" style="width: 22px;height: 22px;" />
        		</p>
        	</div>
        	<div>关于AI</div>
        	<div class='cont' style="opacity: 0;">1</div>
        </div>
        
        <div id="content-wrap">
        	<div class="">
        		<img src="img/about-ai.png" style="width: 100%;height: auto;"/>
        	</div>
        	<div id="" v-html='article.context'>
        		
        	</div>
        </div>
    </div>
    <script src="js/comm.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/vue.min.js"></script>
    <script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8">
        var app = new Vue({
            el: '#app',
            data: {
                //加载动画
                jiazai: false,
                article:{"Id":0,"title":'',"context":'',"addtime":0,"fabulous":0,"Sort":0}
            },
            created: function() {
				this.ai();
            },
            methods: {
            	ai:function(){
            		var This=this;
            		This.jiazai=true;
            		HTTP.post(INTROAI,{},function(data){
            			This.jiazai=false;
            			if(String(data.status)=='1'){
            				This.article=data.article;
            			}
					});
            	}
            }
        });
       
    </script>
</body>

</html>